<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>首页</title>
  <link rel="shortcuticon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./lib/swiper/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./lib/icon/iconfont.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 版心 -->
  <div class="mikufun_cecream ">

    <!-- 统一响应提示框 -->
    <div class="baseModel">
      <p>fbdbeb</p>
    </div>
    <!-- 头部导航栏 -->
    <header>
      <div class="mikufun_header">
        <ul class="left">
          <li><a href="./index.html"><span class="iconfont icon-bilibili iconleft iconindex"></span><span>首页</span></a>
          </li>
          <li><a href="./anime.html"><span></span><span class="shake">番剧</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>直播</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>游戏中心</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>会员购</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>漫画</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>赛事</span></a></li>
          <li><a href="./unfinish.html"><span class="iconfont icon-xiazai iconleft"></span><span>下载客户端</span></a></li>
        </ul>
        <div class="middle">
          <div class="serach">
            <input type="text" placeholder="请输入搜索内容" autocomplete="off">
            <span class="iconfont icon-sousuo serachicon"></span>
          </div>
        </div>
        <ul class="right">
          <li class="userli">
            <div class="user userfixed ">
              <a href="./usercenter.html"></a>
              <img src="./img/mikufun/pitiful.png" alt="" class="">
              </a>
            </div>
          </li>
          <!-- 头像卡片信息以及用户信息修改，退出登录 -->
          <div class="usercard">
            <span>请先登录</span>
            <p>未登录</p>
            <ul>
              <li><img src="./img/upload/个人中心.svg" alt=""><a href="usercenter.html">个人中心</a></li>
              <li><img src="./img/upload/投稿管理.svg" alt=""><a href="usercenter.html">投稿管理</a></li>
              <li><img src="./img/upload/推荐服务.svg" alt=""><a href="usercenter.html">推荐服务</a></li>
              <li><span class="line"></span></li>
              <li><img src="./img/upload/退出登录.svg" alt=""><a href="">退出登录</a></li>
            </ul>
          </div>
          <!-- *****大会员卡片***** -->
          <li class="navVip">
            <div class="vipcard">
              <h4>大会员特权</h4>
              <img src="./img/upload/抢先看.svg" alt=""><span>热剧抢先看</span>
              <img src="./img/upload/免费看.svg" alt=""><span style="color: black;">会员免费看</span>
              <br>
              <img src="./img/upload/4k.svg" alt=""><span>4k超清画质</span>
              <img src="./img/upload/装扮.svg" alt=""><span>会员专属装扮</span>
              <div class="vipprice">
                
                <p>大会员惊喜折扣<del>￥40</del>￥30/月</p>
              </div>
              <div class="vipcardfooter">
                <p>大会员权益等你获取</p>
                <span>免费观看热门番剧等精彩权益</span>
                <button>开通大会员</button>
              </div>
            </div>
            <a href="#" class="rightli">
            <span class="iconfont icon-wodedahuiyuan iconstyle"></span><span>大会员</span></a>
          </li>
          <li><a href="./unfinish.html" class="rightli"><span
                class="iconfont icon-xiaoxi iconstyle"></span><span>消息</span></a></li>
          <li><a href="./usercenter.html" class="rightli"><span
                class="iconfont icon-windmill iconstyle"></span><span>动态</span></a></li>
          <li><a href="./usercenter.html" class=" rightli"><span
                class="iconfont icon-shoucang iconstyle"></span><span>收藏</span></a></li>
          <li><a href="./history.html" class="rightli"><span
                class="iconfont icon-lishi iconstyle "></span><span>历史</span></a></li>
          <li><a href="./usercenter.html" class="rightli"><span
                class="iconfont icon-chuangzuozhongxin iconstyle "></span><span>创作中心</span></a></li>
          <li class="writer"><a href="./usercenter.html"><span
                class="iconfont icon-shangchuanwenjian iconstyle"></span><span class="writertxt">投稿</span></a></li>
        </ul>
      </div>
      <div class="logo">
        <h1>MikuFun</h1>
      </div>
      <!-- 隐藏导航栏 -->
      <div class="mikufun_header_hide">
        <ul class="left">
          <li><a href="./index.html"><span class="iconfont icon-bilibili iconleft"></span><span>首页</span></a></li>
          <li><a href="./anime.html"><span></span><span>番剧</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>直播</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>游戏中心</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>会员购</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>漫画</span></a></li>
          <li><a href="./unfinish.html"><span></span><span>赛事</span></a></li>
          <li><a href="./unfinish.html"><span class="iconfont icon-xiazai iconleft"></span><span>下载客户端</span></a></li>
        </ul>
        <div class="middle">
          <div class="serach">
            <input type="text" placeholder="请输入搜索内容" autocomplete="off">
            <span class="iconfont icon-sousuo serachicon"></span>
          </div>
        </div>
        <ul class="right">
          <li>
            <div class="user userfixed ">
              <a href="./usercenter.html"></a>
              <img src="./img/mikufun/pitiful.png" alt="" class="">
              </a>
            </div>
          </li>
          <li><a href="" class="rightli navVip"><span
                class="iconfont icon-wodedahuiyuan iconstyle"></span><span>大会员</span></a></li>
          <li><a href="./unfinish.html" class="rightli"><span
                class="iconfont icon-xiaoxi iconstyle"></span><span>消息</span></a></li>
          <li><a href="./usercenter.html" class="rightli"><span
                class="iconfont icon-windmill iconstyle"></span><span>动态</span></a></li>
          <li><a href="./usercenter.html" class=" rightli"><span
                class="iconfont icon-shoucang iconstyle"></span><span>收藏</span></a></li>
          <li><a href="./history.html" class="rightli"><span
                class="iconfont icon-lishi iconstyle "></span><span>历史</span></a></li>
          <li><a href="./usercenter.html" class="rightli"><span
                class="iconfont icon-chuangzuozhongxin iconstyle "></span><span>创作中心</span></a></li>
          <li class="writer"><a href="./usercenter.html"><span
                class="iconfont icon-shangchuanwenjian iconstyle"></span><span class="writertxt">投稿</span></a></li>
        </ul>
        <div class="headerbotm-hide">
          <div class="header-nav">
            <ul class="left">
              <li>
                <a href="./usercenter.html" class="blueicon"><span
                    class="iconfont icon-windmill"><span>动态</span></span></a>
              </li>
              <li>
                <a href="./anime.html" class="blueicon"><span class="iconfont icon-remen"><span>热门</span></span></a>
              </li>
            </ul>
            <ul class="sortnav">
              <li><a href="./anime.html">番剧</a></li>
              <li><a href="">国创</a></li>
              <li><a href="">综艺</a></li>
              <li><a href="">动画</a></li>
              <li><a href="">鬼畜</a></li>
              <li><a href="">舞蹈</a></li>
              <li><a href="">娱乐</a></li>
              <li><a href="">科技</a></li>
              <li><a href="">美食</a></li>
              <li><a href="">汽车</a></li>
              <li><a href="">运动</a></li>
              <li><a href="">VLOG</a></li>
              <li><a href="">单机游戏</a></li>
              <li><a href="">专栏</a></li>
              <li><a href="">活动</a></li>
              <li><a href="">社区中心</a></li>
              <li><a href="">电影</a></li>
              <li><a href="">电视剧</a></li>
              <li><a href="">纪录片</a></li>
              <li><a href="">游戏</a></li>
              <li><a href="">音乐</a></li>
              <li><a href="">影视</a></li>
            </ul>
            <div class="open"><span class="iconfont icon-xiangxia openicon"></span></div>
          </div>
        </div>
      </div>
    </header>

    <!-- 二级导航栏 -->
    <nav>
      <div class="headerbotm-show" id="part1">
        <div class="header-nav-show">
          <ul class="left">
            <li>
              <a href="./usercenter.html" class="blueicon">
                <div class="state"><span class="iconfont icon-windmill iconrot"></span></div><span
                  class="font1">动态</span>
              </a>
            </li>
            <li>
              <a href="./anime.html" class="blueicon">
                <div class="rot"><span class="iconfont icon-remen iconrot"></span></div><span class="font1">热门</span>
              </a>
            </li>
          </ul>
          <ul class="sortnav">
            <li><a href="./anime.html">番剧</a></li>
            <li><a href="">国创</a></li>
            <li><a href="">综艺</a></li>
            <li><a href="">动画</a></li>
            <li><a href="">鬼畜</a></li>
            <li><a href="">舞蹈</a></li>
            <li><a href="">娱乐</a></li>
            <li><a href="">科技</a></li>
            <li><a href="">美食</a></li>
            <li><a href="">汽车</a></li>
            <li><a href="">运动</a></li>
            <li><a href="">VLOG</a></li>
            <li><a href="">单机游戏</a></li>
            <li><a href="">专栏</a></li>
            <li><a href="">活动</a></li>
            <li><a href="">社区中心</a></li>
            <li><a href="">电影</a></li>
            <li><a href="">电视剧</a></li>
            <li><a href="">纪录片</a></li>
            <li><a href="">游戏</a></li>
            <li><a href="">音乐</a></li>
            <li><a href="">影视</a></li>
          </ul>
          <ul class="right">
            <li><a href="./unfinish.html"><span class="iconfont icon-zhuanlan iconright"></span><span
                  class="fontright">专栏</span></a></li>
            <li><a href="./unfinish.html"><span class="iconfont icon-huodong iconright"></span><span
                  class="fontright">活动</span></a></li>
            <li><a href="./unfinish.html"><span class="iconfont icon-wangluoketang"></span><span
                  class="fontright">课堂</span></a></li>
            <li><a href="./unfinish.html"><span class="iconfont icon-zhibo iconright"></span><span
                  class="fontright">直播</span></a></li>
            <li><a href="./usercenter.html"><span class="iconfont icon-nav_shequzhongxin iconright"></span><span
                  class="fontright">社区中心</span></a></li>
            <li><a href="./unfinish.html"><span class="iconfont icon-xinge iconright"></span><span
                  class="fontright">新歌热播</span></a></li>
          </ul>
        </div>
      </div>
    </nav>
    <main>
      <div class="left">
        <!-- Swiper -->
        <div class="swiper-container indexswiper ">
          <div class="swiper-wrapper  indexswiper-wrapper">
            <div class="swiper-slide">
              <picture><img src="./img/upload/indexswip1.avif" alt=""></picture>
            </div>
            <div class="swiper-slide">
              <picture><img src="./img/upload/indexswip2.avif" alt=""></picture>
            </div>
            <div class="swiper-slide">
              <picture><img src="./img/upload/indexswip3.avif" alt=""></picture>
            </div>
            <div class="swiper-slide">
              <picture><img src="./img/upload/indexswip4.avif" alt=""></picture>
            </div>
            <div class="swiper-slide">
              <picture><img src="./img/upload/indexswip5.avif" alt=""></picture>
            </div>
            <div class="swiper-slide">
              <picture><img src="./img/upload/indexswip6.avif" alt=""></picture>
            </div>
            <div class="swiper-slide">
              <picture><img src="./img/upload/indexswip7.avif" alt=""></picture>
            </div>
            <div class="swiper-slide">
              <picture><img src="./img/upload/indexswip8.avif" alt=""></picture>
            </div>
          </div>
          <div class="swiper-pagination swippage"></div>
          <div class="swiper-button-prev swiperbuttonprev"></div>
          <div class="swiper-button-next swiperbuttonnext"></div>
        </div>
      </div>

      <!-- 换一换，点击刷新视频 -->
      <div class="right">
        <div class="refresh">
          <span class=" glyphicon glyphicon-refresh"></span>
          <p>换一换</p>
        </div>
        <!-- <div class="voide">
          <a href="./uservideodetail.html?vid=${}">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
          </a>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div> -->
      </div>
    </main>

    <!-- 主页视频主要部分 -->
    <div class="mainbot">
      <div class="voides">
        <!-- <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide upinfos">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
            <div class="classtag">
              <span class="iconfont icon-wangluoketang"></span>
              <span>番剧</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide upinfos">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
            <div class="classtag">
              <span class="iconfont icon-wangluoketang"></span>
              <span>番剧</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide upinfos">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
            <div class="classtag">
              <span class="iconfont icon-wangluoketang"></span>
              <span>番剧</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div>
        <div class="voide upinfos">
          <div class="voideimgbox">
            <img src="./img/upload/indexmain1.avif" alt="《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”">
            <div class="indextag">
              <span><span class="iconfont icon-shipin"></span>6.9万</span>
              <span><span class="iconfont icon-pinglun"></span>258</span>
              <span><span></span>59.23</span>
            </div>
            <div class="classtag">
              <span class="iconfont icon-wangluoketang"></span>
              <span>番剧</span>
            </div>
          </div>
          <p class="title">《幸福重来》“老婆，你咋没告诉我？”“你又没告诉我，我怎么知道知道知道知道知道”</p>
          <div class="upinfo">
            <span class="iconfont icon-uper"></span>
            <p>少女说心事</p>
            <p>9-22</p>
          </div>
        </div> -->
      </div>
    </div>

    <!-- 表尾 -->
    <footer id="down">
      <div class="footbox">
        <p>mikufun</p>
        <ul class="clearfix">
          <li>关于我们</li>
          <li>联系我们</li>
          <li>用户协议</li>
          <li>加入我们</li>
          <li>友情链接</li>
          <li>隐私协议</li>
          <li>mikufun认证</li>
          <li>InvestorRelations</li>
        </ul>
      </div>
      <div class="footbox">
        <p>传送门</p>
        <ul class="clearfix">
          <li>协议汇总</li>
          <li>活动中心</li>
          <li>活动专题页面</li>
          <li>侵权申诉</li>
          <li>帮助中心</li>
          <li>社区中心</li>
          <li>壁纸站</li>
          <li>名人堂</li>
          <li>MCN管理中心</li>
          <li>高级弹幕</li>
          <li>品牌号官网</li>
        </ul>
      </div>
      <div class="footbox">
        <ul class="clearfix">
          <li>
            <div style="background-color: #3752C8;">
              <img src="./img/upload/下载APP.svg" alt="">
            </div>
            下载app
          </li>
          <li>
            <div style="background-color: #00AEEC;">
              <img src="./img/upload/iF-公益.svg" alt="">
            </div>
            公益
          </li>
          <li>
            <div style="background-color: #DB4437;">
              <img src="./img/upload/微博.svg" alt="">
            </div>
            官方微博
          </li>
          <li>
            <div style="background-color: #57BB40;">
              <img src="./img/upload/微信.svg" alt="">
            </div>
            官方微信
          </li>
        </ul>
      </div>
    </footer>
  </div>
  <!-- 侧面导航 -->
  <div class="sidebar">
    <ul>
      <li>
        <a href="#part1">
          <img src="./img/upload/分类.svg" alt="">
          <br>
          分类榜
        </a>
      </li>
      <li>
        <a href="#down">
          <img src="./img/upload/关于我们.svg" alt="">
          <br>
          关于我们
        </a>
      </li>
      <li>
        <a href="#">
          <img src="./img/upload/回到顶部.svg" alt="">
          <br>
          回到顶部
        </a>
      </li>
    </ul>
  </div>

  <!--登录框-->
  <div class="mask"></div><!--隐藏背后页面-->
  <div class="loginframe">
    <div class="login">
      <div class="ctr">
        <span id="loginbox1" class="pointer ">密码登录</span>
        <span>|</span>
        <span id="loginbox2" class="pointer active">短信登录</span>
      </div>
      <div class="loginbox">
        <!-- <span>账号&nbsp;&nbsp;&nbsp;</span><input type="text" placeholder="请输入账号">
            <br>
            <span>密码&nbsp;&nbsp;&nbsp;</span><input type="password" placeholder="请输入密码">
            <br>
            <div class="look">
              <img class="pointer" src="./img/upload/闭眼.svg" alt="">
              忘记密码?
            </div>
            <button class="signinbtn1">注册</button>
            <button class="loginbtn1">登录</button> -->
        <span>+86&nbsp;&nbsp;&nbsp;</span><input type="text" placeholder="请输入手机号">
        <br>
        <span>验证码</span><input type="password" placeholder="请输入验证码">
        <br>
        <div class="getvalidcode pointer">
          获取验证码
        </div>
        <button class="loginbtn2">登录/注册</button>
      </div>
      <p>登录或者注册完成代表你同意<b>用户协议</b>以及<b>隐私政策</b></p>
      <img class="close" src="./img/upload/关闭.svg" alt="">
    </div>
  </div>



  <script src="./lib/jquery-3.6.1.min.js"></script>
  <script src="./lib/bootstrap/js/popper.min.js" type="module"></script>
  <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
  <script src="./lib/swiper/js/swiper-bundle.min.js"></script>
  <script src="./lib/axios.min.js"></script>
  <script src="./lib/form-serialize.js"></script>
  <script src="./js/public.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>